﻿
<!--Materiales view-->
<div id="materialesView" data-role="view" data-title=""
         data-model="BoxSportSystem.materialesList.viewModel"
         data-show="BoxSportSystem.materialesList.onShow">
        <header data-role="header">
            <div data-role="navbar">  
                <span data-role="view-title">Materiales</span>
  
          </div>
        </header>
                      <div style="padding: 2px;">
              <input style="width: 100%" data-bind="value: criterio" type="search" placeholder=" Introduce insumo" class="form-control" id="txtProductoSearch"/>
              <button style="width: 100%" data-role="button" data-bind="click: buscar" data-icon="search">BUSCAR</button>
              <!--<a class="nav-button" data-align="right" data-role="button" data-icon="search"></a>-->                
            </div>
        <ul data-role="listview" data-style="inset"
            data-template="materialesListTemplate"
            data-bind="source: materialesDataSource">
            <li><a href="#detalleMaterialesView" data-icon="add">Materiales 001</a> </li>
            <li><a href="#detalleMaterialesView" data-icon="add">Materiales 002</a> </li>
            <li><a href="#detalleMaterialesView" data-icon="add">Materiales 003</a> </li>
        </ul>
    </div>
<script id="materialesListTemplate" type="text/x-kendo-tpml">
       
        
          Nombre: ${data.NombreInsumo} ${data.DescripcionInsumo}<br>
          Stock:  ${data.Stock}
        
    </script>